* {
	margin: 0;
	padding: 0;
	font-family: "Microsoft-Yahei";
}

li {
	list-style-type: none;
}

.wrapper {
	width: 1200px;
	margin: 0 auto;
}

/*导航 start*/
.area {
	margin: 0 auto;
	width: 1144px;
	height: 14px;
	background-color: #eee;
	padding: 23px 27px;
	border: 1px solid #ddd;
}

.area h2 {
	display: inline-block;
	float: left;
	font-size: 12px;
	line-height: 14px;
	margin-right: 23px;
}

.area ul {
	line-height: 14px;
}

.area li {
	display: inline-block;
	margin-right: 14px;
	padding-left: 14px;
	font-size: 12px;
	border-left: 1px solid #000;
}

.area li:first-child {
		border-left: none;
}

.area a {
	text-decoration: none;
	color: #000; 
}

.area-active a {
	color: orange;
}

/*building 详情*/

.building {
	float: left;
	width: 880px;
}

.content {
	width: 880px;
	height: 195px;
	border-bottom: 1px dotted #ddd;
	box-sizing: border-box;
	padding: 16px 32px;
}

.content:hover {
	background-color: #eee;
}

.img-wrapper {
	float: left;
	box-sizing: border-box;
	margin-right: 50px;
	width: 212px;
	height: 162px;
	padding: 6px;
	border: 1px solid #ddd;
	background-color: #f5f5f5;
}

.content h2 {
	font-size: 24px;
	color: #82ba16;
	margin-bottom: 25px;
}

.content p {
	font-size: 12px;
	margin-bottom: 13px;
}

.building-number {
	text-decoration: none;
	color: #418eba;
}

.building-btn a {
	font-size: 18px;
	text-decoration: none;
}

.reservation-btn,
.gauge-btn {
	display: inline-block;
	width: 150px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 2px;
}

.reservation-btn {
	margin-right: 8px;
	color: #ed713b;
	border: 1px solid #ed713b;
}

.gauge-btn {
	color: #82ba16;
	border: 1px solid #82ba16;
}

/*侧边栏*/

aside {
	float: right;
	margin-left: 38px;
	width: 282px;
	height: 1188px;
}

.commit {
	width: 100%;
	height: 300px;
	box-sizing: border-box;
	padding: 27px 21px;
	border: 1px solid #ddd;
	margin-top: 20px;
}

.commit h2 {
	font-size: 18px;
	margin-bottom: 18px;
	font-weight: normal;
	text-align: center;
}

.commit input {
	width: 206px;
	height: 17px;
	padding: 13px 17px;
	font-size: 16px;
	margin-bottom: 13px;
	outline-style: none;
}

.commit a {
	display: inline-block;
	width: 240px;
	height:42px;
	margin-top: 13px;
	text-align: center;
	background-color: #ed713b;
	text-decoration: none;
	color: #fff;
	line-height: 42px;
}

.commit label {
	font-size: 16px;
}

/*更改select样式*/

.commit select {      
	border: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	width: 100px;
	height: 32px;
	background: url(../images/select-btn.jpg) no-repeat top right;
 	outline: none;
 	padding-left: 18px;
}

.top-reservation {
	width: 282px;
	height: 902px;
	border: 1px solid #ddd;
	border-top-width: 0;
	padding: 27px 0;
	box-sizing: border-box;
}

.top-reservation h2 {
	font-size: 18px;
	font-weight: normal;
	text-align: center;
}

.top-reservation li {
	box-sizing: border-box;
	padding: 20px 40px;
	margin-top: 10px;
}

.top-reservation li:hover {
	background-color: #eee;
}

/*预约最多处图片容器*/
.top-reservation div {      
	display: none;        
}

.top-reservation img {
	height:154px;
	width: 201px;
	margin-bottom: 20px;
}

.top-reservation-title {
	font-size: 14px;
	color: #ef997a;
	margin-bottom: 6px;
}

.top-reservation li:first-child .top-reservation-title:before {
	content: "1";
	background-color: orange;
	color: #fff;
	margin-right: 15px;
	margin-left: -32px;
	padding: 3px 6px;
	border-radius: 3px;
}

.top-reservation li:nth-child(2) .top-reservation-title:before {
	content: "2";
	background-color: orange;
	color: #fff;
	margin-right: 15px;
	margin-left: -32px;
	padding: 3px 6px;
	border-radius: 3px;
}

.top-reservation li:nth-child(3) .top-reservation-title:before {
	content: "3";
	background-color: orange;
	color: #fff;
	margin-right: 15px;
	margin-left: -32px;
	padding: 3px 6px;
	border-radius: 3px;
}

.top-reservation li:nth-child(4) .top-reservation-title:before {
	content: "4";
	background-color: orange;
	color: #fff;
	margin-right: 15px;
	margin-left: -32px;
	padding: 3px 6px;
	border-radius: 3px;
}

.top-reservation li:nth-child(5) .top-reservation-title:before {
	content: "5";
	background-color: orange;
	color: #fff;
	margin-right: 15px;
	margin-left: -32px;
	padding: 3px 6px;
	border-radius: 3px;
}

.top-reservation-detail {
	font-size: 14px;
}

.top-reservation-detail span {
	float: right;
}

.top-reservation a {
	display: inline-block;
	width: 200px;
	height: 30px;
	background-color: #ed713b;
	text-align: center;
	line-height: 30px;
	text-decoration: none;
	color: #fff;
	border-radius: 2px;
	margin-top: 15px;
}

/*翻页按钮*/

.page {
	float: left;
	width: 960px;
	height: 180px;
	box-sizing: border-box;
	padding: 52px 23px;
}

.page li {
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 2px;
	width: 32px;
	height: 32px;
	text-align: center;
	margin-right: 6px;
}

.page li:first-child,
.page li:last-child {
	width: 82px;
	height: 32px;
}

.page li:first-child {
	margin-right: 8px;
}

.page li:last-child {
	margin-left: 2px;
}

.page a {
	text-decoration: none;
	color: #aaa;
	font-size: 14px;
	line-height: 32px;
	display: block;
}

.page li:hover {
	background-color: #82ba16;
}

.page li:hover a {
	color: #fff;
}

/*底部导航*/

.nav-bottom {
	height: 226px;
	width: 100%;
	clear: both;
	background: #f7f7f7 url(../images/footer-bg.jpg) repeat-x;
}

.nav-bottom-content {
	width: 1200px;
	height: 226px;
	margin: 0 auto;
	box-sizing: border-box;

}

.nav-bottom-contact {
	width: 480px;
	float: left;
	padding: 80px 30px;
	background: url(../images/footer-bg2.jpg) no-repeat top right;
}

.nav-bottom-content img:first-child {
	margin-right: 25px;
}

.nav-bottom-map {
	float: right;
	width: 650px;
	box-sizing: border-box;
	padding: 45px 30px;
}

.nav-bottom-map ul {
	float: left;
	margin-right: 65px;
}

.nav-bottom-map li {
	margin-bottom: 10px;
	font-size: 14px;
}

.nav-bottom-map li:first-child {
	margin-bottom: 20px;
	font-size: 18px;
}

.nav-bottom-map a {
	color: #aaa;
	text-decoration: none;
}

/*footer*/

footer {
	height: 205px;
	width: 1200px;
	margin: 0 auto ;
	padding-top: 24px;
}

footer p {
	text-align: center;
	font-size: 12px;
	color: #999;
}

footer p:first-child {
	margin-bottom: 16px;
}

footer p:nth-child(2) {
	margin-bottom: 12px;
}

footer p:nth-child(5),
footer p:nth-child(6) {
	margin-top: 16px;
}

footer img:nth-child(3) {
	display: inline-block;
	margin-left: 474px;
}

footer img {
	margin-right: 21px;
	text-align: center;
}